<template>
  <div class="shop-info">
    <div class="shop-name">
      <img style="width:50px;height:50px;border-radius:70%" :src="shop.log"/>
      <div class="name">{{ shop.name }}</div>
    </div>
  </div>  
</template>

<script>
export default {
  name:"DetailShopInfo",
  props: {
    shop:{
      type:Object,
      default(){
        return {}
      }
    }
  }
}
</script>

<style scoped>

.shop-name{
  display: flex;
}

.shop-info{
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;

}

.name{
  height: 50px;
  line-height: 50px;
  margin-left: 10px;
  
}

</style>